<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>知味后台管理</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/manage.css" rel="stylesheet"></head>
<body>
	<div class="top">
		<nav class="navbar navbar-default" role="navigation" style="background-color: #0099CC;">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="#" style="color: white;">知味餐饮管理</a>
				</div>
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="center.html" style="background-color:#0099CC;color:white;font-family:微软雅黑">
							返回
							</a>
						</li>
					</ul>
			</div>
			</div>

			
			
			
		</nav>
	</div>
	<div class="left">
		<div class="left-left">
			<ul>
				<a href="">
					<li class="all actived " id="left-1">账户管理</li>
				</a>
				<a href="#">
					<li class="all first-title" id="left-2">图表</li>
				</a>
				<a href="#">
					<li class="all first-title desk" id="left-3">餐桌管理</li>
				</a>
				<a href="#">
					<li class="all first-title menu" id="left-4">菜单管理</li>
				</a>
				<a href="#">
					<li class="all first-title terminal" id="left-5">终端管理</li>
				</a>
			</ul>
		</div>
		<div class="left-right ">
			<ul class="left-1 both">
				<a href="#" >
					<li class="manage-actived btn-detail" id="manage-1">用户信息设置</li>
				</a>
				<a href="#">
					<li class="btn-detail" id="manage-2">用户权限设置</li>
				</a>
				<a href="#">
					<li class="btn-detail login_record" id="manage-3">用户登录记录</li>
				</a>
			</ul>
			<ul class="left-right-hide left-2 both">
				<a href="#">
					<li class="btn-detail manage-actived" id="manage-4">日销售</li>
				</a>
				<a href="#">
					<li class="btn-detail" id="manage-5">月销售</li>
				</a>
				<a href="#">
					<li class="btn-detail" id="manage-6">年销售</li>
				</a>
			</ul>
			<ul class="left-right-hide left-3 both">
				<a href="#">
					<li class="btn-detail manage-actived" id="manage-7">餐桌信息设置</li>
				</a>
			</ul>
			<ul class="left-right-hide left-4 both">
				<a href="#">
					<li class="btn-detail manage-actived" id="manage-8">菜单信息设置</li>
				</a>
				
				
				<!--  <a href="#">
					<li class="btn-detail" id="manage-9">XXXXXXX</li>
				</a>
				<a href="#">
					<li class="btn-detail" id="manage-10">XXXXXXX</li>
				</a>-->
				
				
			</ul>
			<ul class="left-right-hide  left-5 both">
				<a href="#">
					<li class="btn-detail manage-actived" id="manage-11">终端信息设置</li>
				</a>
			</ul>
		</div>
	</div>
	<div class="right">
		<div id="account" class="left-1 div-hide div-show">
			<div class="table-hide table-show manage-1">
				<table class="table table-hover" id="user_table">
					<tr id="user_table_title">
						<th>用户名</th>
						<th>手机号</th>
						<th>密码</th>
						<th>角色ID</th>
						<th>角色名称</th>
						<th>创建时间</th>
						<th>最后修改时间</th>
						<th>操作</th>
					</tr>
				</table>
			</div>
			<div class="table-hide manage-2">
				<table class="table table-hover">
					<tr class='authority'>
						<th>ID</th>
						<th>权限名称</th>
						<th>添加/编辑/查找</th>
						<th>删除</th>
						<th>角色名称</th>
					</tr>
				</table>
			</div>
			<div class="table-hide manage-3">
				<table class="table table-hover login_record_table">
					<tr>
						<th>ID</th>
						<th>用户名</th>
						<th>门店</th>
						<th>最后一次登录时间</th>
					</tr>
				</table>
			</div>
		</div>
		<!-- 图表 -->
		<div id="" class="left-2 div-hide">
			<div class="table-hide table-show manage-4">
			<div style="width:100%; height:auto;">
<canvas id="myChart1" width="100px;" height="400px;"></canvas>
</div>
				<!--  <table class="table table-hover" id="user_table">
					<tr id="user_table_title">
						<th>图表1</th>
						<th>图表1</th>
						<th>图表1</th>
						<th>图表1</th>
						<th>图表1</th>
						<th>图表1</th>
					</tr>
				</table>-->
			</div>
			<div class="table-hide manage-5">
				
			</div>
			<div class="table-hide manage-6">
				
				
			</div>
		</div>
		<!-- 餐桌 -->
		<div id="" class="left-3 div-hide">
			<div class="table-hide table-show manage-7">
				<table class="table table-hover desk_table" id="desk_table">
					<tr id="user_table_title">
					    <th>ID</th>
					    <th>店名</th>
						<th>餐桌名</th>
						<th>餐桌位置</th>
						<th>创建人</th>
						<th>操作<a href='#'><span class="glyphicon glyphicon-plus add-desk" style="color:red;font-size:20px;;margin-left:40px;"></span></a></th>
					</tr>
				</table>
			</div>
		</div>

		<!-- 菜单 -->
		<div id="" class="left-4 div-hide">
			<div class="table-hide table-show manage-8">
				<table class="table table-hover menu_table" id="user_table">
					<tr id="user_table_title">
					    <th>ID</th>
						<th>菜名</th>
						<th>种类</th>
						<th>单价</th>
						<th>菜名缩写</th>
						<th>创建人</th>
						<th>图片</th>
						<th>操作<a href='#'><span class="glyphicon glyphicon-plus add-menu" style="color:red;font-size:20px;;margin-left:40px;"></span></a></th>
					</tr>
				</table>
			</div>
			
			<!--  <div class="table-hide  manage-9">
				<table class="table table-hover" id="user_table">
					<tr id="user_table_title">
						<th>菜单2</th>
						<th>菜单2</th>
						<th>菜单2</th>
						<th>菜单2</th>
						<th>菜单2</th>
						<th>菜单2</th>
					</tr>
				</table>
			</div>-->
			
			<!--  <div class="table-hide  manage-10">
				<table class="table table-hover" id="user_table">
					<tr id="user_table_title">
						<th>菜单3</th>
						<th>菜单3</th>
						<th>菜单3</th>
						<th>菜单3</th>
						<th>菜单3</th>
						<th>菜单3</th>
					</tr>
				</table>
			</div>
			-->
			
		</div>
		<!-- 终端 -->
		<div id="" class="left-5 div-hide">
			<div class="table-hide table-show manage-11">
				<table class="table table-hover terminal_table" id="terminal_table">
					<tr id="terminal_table_title">
						<th>ID</th>
						<th>门店名</th>
						<th>店长</th>
						<th>地址</th>
						<th>联系电话</th>
						<th>操作<a href='#'><span class="glyphicon glyphicon-plus add-terminal" style="color:red;font-size:20px;;margin-left:40px;"></span></a></th>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<!-- 修改用户信息 -->
	<div class="modal fade" id="user_update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h3 class="modal-title" id="myModalLabel">修改用户信息</h3>
				</div>
				<div class="modal-body" style="text-align: center;">
					<span style="font-size: 20px;font-family: 微软雅黑">用户名：</span>
					<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="user_update_username">
					<br>
					<br>
					<span style="font-size: 20px;font-family: 微软雅黑">Phone：</span>
					<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="user_update_phone">
					<br>
					<br>
					<span style="font-size: 20px;font-family: 微软雅黑">密&nbsp&nbsp码：</span>
					<input type="password" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="user_update_password"></div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" id="btn_user_update" data-dismiss="modal">确认修改</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<!--  修改门店终端信息-->
	<div class="modal fade" id="terminal_update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h3 class="modal-title" id="myModalLabel">修改门店信息</h3>
				</div>
				<div class="modal-body">
					<table>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">门店名：</span>
							</td>
							<td>
								<input type="text" class="terminal_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_terminal_name"></td>

						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">店长：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_terminal_hostname"></td>
						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">地址：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_terminal_address"></td>
						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">联系电话：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_terminal_phone"></td>
						</tr>
					</table>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" id="btn_terminal_update" data-dismiss="modal">确认修改</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<!-- 修改菜单 -->
		<div class="modal fade" id="menu_update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h3 class="modal-title" id="myModalLabel">修改菜单信息</h3>
				</div>
				<div class="modal-body">
					<table>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">菜名：</span>
							</td>
							<td>
								<input type="text" class="terminal_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_menu_name"></td>

						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">种类：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_menu_type"></td>
						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">单价：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_menu_price"></td>
						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">菜名缩写：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_menu_spell"></td>
						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">上传图片：</span>
							</td>
							<td>
								<!-- <input type="input" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_menu_img"> -->
								<input type="file" id='update_menu_file'></td>
						</tr>
						
					</table>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" id="btn_menu_update" data-dismiss="modal">确认修改</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<!-- 修改餐桌信息 -->
	<div class="modal fade" id="desk_update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h3 class="modal-title" id="myModalLabel">修改餐桌信息</h3>
				</div>
				<div class="modal-body">
					<table>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">店名：</span>
							</td>
							<td>
								<input type="text" class="terminal_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_desk_tname"></td>

						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">餐桌名：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_desk_name"></td>
						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">餐桌位置：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_desk_locationEnumName"></td>
						</tr>
						<tr>
							<td>
								<span style="font-size: 20px;font-family: 微软雅黑">创建人：</span>
							</td>
							<td>
								<input type="text" class="user_update_message" style="height: 40px;width: 200px;font-size: 20px;" id="update_desk_creatUname"></td>
						</tr>
					</table>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" id="btn_desk_update" data-dismiss="modal">确认修改</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/manage.js"></script>
	<script type="text/javascript" src="js/user_data.js"></script>
	<script type="text/javascript" src="js/terminal_data.js"></script>
	<script type="text/javascript" src="js/desk_data.js"></script>
	<script type="text/javascript" src="js/food_data.js"></script>
	<script type="text/javascript" src="js/login_record.js"></script>
	<script type="text/javascript" src="js/pic_data.js"></script>
		<script type="text/javascript" src="js/role_data.js"></script>
	<script type="text/javascript" src="js/Chart.min.js"></script>


</html>